import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
  ],

  //解决跨域问题----配置代理服务器  (前端:配置代理服务器    后端:GlobalCorsConfig跨域资源共享Cors)
  //配置代理服务器:代理服务器代理前端项目访问后端，
  //并且在访问后端的时候把自己的 IP 地址和端口号伪装成和后端一模一样的，这样就能把后端骗过去从而获取到数据
  server: {
    host: '127.0.0.1',
    port: 5137,
    //代理服务器可以将路由中的指定前缀转发到指定的后端服务器中
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8080',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '') //api替换为''
        //vite.config.js中用rewrite
        //vue.config.js中用PathRewrite
      },
    },

  },



  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
})
